﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Jabal</title>

<link rel="stylesheet" href="static/css/bootstrap.min.css">

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="static/css/cade64457f0e437ebb3df39c3f21da08.css" rel="stylesheet">

<link rel="stylesheet" href="static/css/all.css">

<link rel="stylesheet" href="static/css/themify-icons.css">

<link rel="stylesheet" href="static/css/line-icons.css">

<link rel="stylesheet" href="static/css/owl.carousel.css">
<link rel="stylesheet" href="static/css/owl.theme.css">

<link rel="stylesheet" href="static/css/venobox.css">

<link rel="stylesheet" href="static/css/animate.css">

<link rel="stylesheet" href="static/css/magnific-popup.css">

<link rel="stylesheet" href="static/css/slicknav.css">

<link rel="stylesheet" href="static/css/slick.css">

<link rel="stylesheet" href="static/css/slick-theme.css">

<link rel="stylesheet" href="static/css/style.css">

<link rel="stylesheet" href="static/css/responsive.css">

<link rel="stylesheet" href="static/css/switcher.css">
<link rel="stylesheet" href="static/css/style1.css" id="colors">


<!--[if lt IE 9]>
		  <script src="static/js/html5shiv.min.js"></script>
		  <script src="static/js/respond.min.js"></script>
		<![endif]-->
</head>
<body data-spy="scroll" data-offset="80">

<div class="preloader">
<div class="status">
<div class="status-mes"></div>
</div>
</div>

<div class="header_top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-8">
<div class="header_top_left">
<p><i class="fas fa-map-marker-alt"></i>20 Main Street, USA </p>
<p><i class="far fa-envelope-open"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1b72757d745b7e637a766b777e35787476">[email&#160;protected]</a></p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-4">
<div class="header_top_right text-right">
<ul class="header-social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>


<div id="navigation" class="hsp_opt fixed-top navbar-light bg-faded site-navigation">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-4">
<div class="navbar-header">
<a href="index.html" class="navbar-brand"><img src="static/picture/logo.png" alt="logo"></a>
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-8">
<nav id="main-menu" class="ml-auto">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#service">Service</a></li>
<li class="menu-item-has-children"><a href="#portfolio">Portfolio</a>
<ul class="sub-menu">
<li><a href="portfolio-details.html">Portfolio Details</a></li>
</ul>
</li>
<li><a href="#team">Team</a></li>
<li><a href="#blog">Blog</a></li>
<li><a class="block-menu" href="#contact">Contact us</a></li>
</ul>
</nav>
<div id="mobile_menu"></div>
</div> 
</div>
</div>
</div>


<section id="home" class="welcome-area">
<div class="welcome-slider-area">
<div id="welcome-slide-carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="single-slide-item" style="background-image: url(static/images/1.jpg);">
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<span>Welcome To</span>
<h2>Jabal Digital Agency Template </h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam odio nisi, rhoncus non lacus quis, bibendum fringilla risus. Elementum justo viverra sodales</p>
<a class="btn-home-border" href="#"><i class="ti-plus"></i> Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="single-slide-item" style="background-image: url(static/images/2.jpg);">
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<span>Welcome To</span>
<h2>We Are Digital Creative Agency </h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam odio nisi, rhoncus non lacus quis, bibendum fringilla risus. Elementum justo viverra sodales</p>
<a class="btn-home-border" href="#"><i class="ti-plus"></i> Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="single-slide-item" style="background-image: url(static/images/3.jpg);">
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<span>Welcome To</span>
<h2>We Provide Online Business Solution </h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam odio nisi, rhoncus non lacus quis, bibendum fringilla risus. Elementum justo viverra sodales</p>
<a class="btn-home-border" href="#"><i class="ti-plus"></i> Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<a class="carousel-control-prev" href="#welcome-slide-carousel" role="button" data-slide="prev">
<i class="fas fa-long-arrow-alt-left" aria-hidden="true"></i>
</a>
<a class="carousel-control-next" href="#welcome-slide-carousel" role="button" data-slide="next">
<i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i>
</a>
</div>
</div>
</section>


<section id="features" class="features">
<div class="container">
<div class="section-title text-left wow zoomIn">
<div class="row">
<div class="col-lg-6">
<span>Our Features</span>
<h2>Awesome Features in <br> our Template </h2>
</div>
</div>
</div>
<div class="row text-left">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_about">
<i class="ti-check-box about_icon"></i>
<h4>W3C Validation</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page looking .</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_about active_feature">
<i class="ti-rocket about_icon"></i>
<h4>Super Fast</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page looking.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_about">
<i class="ti-light-bulb about_icon"></i>
<h4>Latest Bootstrap</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page looking.</p>
</div>
</div>
</div>
</div>
</section>


<section class="about_us section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="about_img">
<img src="static/picture/about-img.jpg" alt="about image">
</div>
</div>
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="about-content">
<div class="section-title text-left">
<span>About Us</span>
<h2>Welcome To our <br>Digtal Agency </h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit, orci a euismod feugiat, orci odio semper justo, at varius lectus enim et est. Fusce tempor ex id est lobortis.</p>
<ul>
<li><i class="ti-check"></i> Lorem ipsum dolor </li>
<li><i class="ti-check"></i> Lorem ipsum dolor </li>
<li><i class="ti-check"></i> Lorem ipsum dolor </li>
<li><i class="ti-check"></i> Lorem ipsum dolor </li>
<li><i class="ti-check"></i> Lorem ipsum dolor </li>
</ul>
<a href="#" class="btn-home-border">Read More</a>
</div>
</div>
</div>
</div>
</section>


<section class="counter_feature">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
<div class="counter">
<i class="ti-bag"></i>
<div class="counter_content pull-left">
<h2 class="timer">2500</h2>
<span>Projects Finished</span>
</div>
</div>
</div> 
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="counter">
<i class="ti-write"></i>
<div class="counter_content pull-left">
<h2 class="timer">28253</h2>
<span>Line Of Coding</span>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
<div class="counter">
<i class="ti-cup"></i>
<div class="counter_content pull-left">
<h2 class="timer">1296</h2>
<span>Award Won</span>
</div>
</div>
</div> 
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s" data-wow-offset="0">
<div class="counter">
<i class=" ti-user "></i>
<div class="counter_content pull-left">
<h2 class="timer">2000</h2>
<span>Satisfied Clients</span>
</div>
</div>
</div> 
</div>
</div>
</section>


<section class="skill">
<div class="container">
<div class="section-title text-left wow zoomIn">
<div class="row">
<div class="col-lg-6">
<span>Skills</span>
<h2>What is our Design <br> Skill Included</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="skill-img">
<img src="static/picture/skill-img.jpg" alt="skill image">
</div>
</div>
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="progress-bar-linear">
<p class="progress-bar-text">Development</p>
<div class="progress-bar">
<span data-percent="85"></span>
</div>
</div>
<div class="progress-bar-linear">
<p class="progress-bar-text">Cordignator</p>
<div class="progress-bar">
<span data-percent="95"></span>
</div>
</div>
<div class="progress-bar-linear">
<p class="progress-bar-text">Web Design</p>
<div class="progress-bar">
<span data-percent="80"></span>
</div>
</div>
<div class="progress-bar-linear">
<p class="progress-bar-text">Laravel</p>
<div class="progress-bar">
<span data-percent="70"></span>
</div>
</div>
<div class="progress-bar-linear">
<p class="progress-bar-text">WordPress</p>
<div class="progress-bar">
<span data-percent="90"></span>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="why_choose_us section-padding">
<div class="container">
<div class="section-title text-center wow zoomIn">
<div class="row">
<div class="col-lg-12">
<span>Why Choose Us</span>
<h2>Best Agency Choose<br> Clients Wise</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-7 col-sm-12 col-xs-12">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="single_feature active_feature">
<div class="feat_icon"><i class="ti-mobile"></i></div>
<div class="single_f_content">
<h4>Responsive Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="single_feature">
<div class="feat_icon"><i class="ti-settings"></i></div>
<div class="single_f_content">
<h4>Easy Customizable </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="single_feature">
<div class="feat_icon"><i class="ti-headphone-alt "></i></div>
<div class="single_f_content">
<h4>Awesome Support</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="single_feature">
<div class="feat_icon"><i class="ti-headphone-alt "></i></div>
<div class="single_f_content">
<h4>Awesome Support</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5 col-sm-12 col-xs-12">
<div class="feature_img">
<img src="static/picture/why-choose.jpg" class="img-responsive" alt="why choose image" />
</div>
</div>
</div>
</div>
</section>


<section id="service" class="our_service section-padding gray-section">
<div class="container">
<div class="section-title text-left wow zoomIn">
<div class="row">
<div class="col-lg-6">
<span>Our Services</span>
<h2>We Provide Many Kind <br />Of Services</h2>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_service">
<i class="ser_icon ti-paint-bucket color-1"></i>
<div class="ser_content">
<h4>Design & Development</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit orci </p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_service">
<i class="ser_icon ti-bar-chart color-2"></i>
<div class="ser_content">
<h4>Digital Marketing</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit orci </p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_service">
<i class="ser_icon ti-apple color-3"></i>
<div class="ser_content">
<h4>ISO App Development</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit orci </p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_service">
<i class="ser_icon ti-paint-roller color-4"></i>
<div class="ser_content">
<h4>User Interface Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit orci </p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_service">
<i class="ser_icon ti-shopping-cart-full color-5"></i>
<div class="ser_content">
<h4>eCommerce Solution</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit orci </p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_service">
<i class="ser_icon ti-video-camera color-6"></i>
<div class="ser_content">
<h4>Your company Branding</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit orci </p>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="view_our_video" style="background-image: url(static/images/video-bg.jpg);  background-size:cover;background-position:center;background-attachment:fixed;">
<div class="container">
<div class="row text-center">
<div class="col-lg-12">
<div class="our_video">
<h1>Lets Check our Business Overview</h1>
<p>Lorem Ipsum is simply dummy text of the printing </p>
<a class="video-play" href="#"><i class="fa fa-play"></i></a>
</div>
</div>
</div>
</div>
</section>


<section id="portfolio" class="our_portfolio section-padding">
<div class="container">
 <div class="section-title text-center wow zoomIn">
<span>Portfolios</span>
<h2>Check out latest project <br />done by us</h2>
</div>
<div class="col-lg-12 text-center">
<div class="portfolio_filter">
<ul>
<li class="active filter" data-filter="all">All</li>
<li class="filter" data-filter=".branding">Branding</li>
<li class="filter" data-filter=".webtemplate">Web Template</li>
<li class="filter" data-filter=".seo">SEO</li>
<li class="filter" data-filter=".digital">Digital Marketing</li>
</ul>
</div>
</div>
<div class="row portfolio_item">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mix webtemplate seo">
<div class="box">
<img src="static/picture/1.jpg" alt="">
<div class="box-content">
<h3 class="title"><a href="portfolio-details.html">App Landing</a></h3>
<span class="port-cat">Branding , Design</span>
<a href="assets/img/portfolio/2.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mix branding">
<div class="box">
<img src="static/picture/2.jpg" alt="">
<div class="box-content">
<h3 class="title"><a href="portfolio-details.html">Medical Concept</a></h3>
<span class="port-cat">Design , Development</span>
<a href="assets/img/portfolio/2.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mix webtemplate digital">
<div class="box">
<img src="static/picture/3.jpg" alt="">
<div class="box-content">
<h3 class="title"><a href="portfolio-details.html">Increase Sale</a></h3>
<span class="port-cat">Marketing</span>
<a href="assets/img/portfolio/2.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mix digital seo">
<div class="box">
<img src="static/picture/4.jpg" alt="">
<div class="box-content">
<h3 class="title"><a href="portfolio-details.html">Marketing Page</a></h3>
<span class="port-cat">Marketing</span>
<a href="assets/img/portfolio/2.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mix branding digital">
<div class="box">
<img src="static/picture/5.jpg" alt="">
<div class="box-content">
<h3 class="title"><a href="portfolio-details.html">Restaurant Design</a></h3>
<span class="port-cat">Product</span>
<a href="assets/img/portfolio/2.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mix webtemplate seo">
<div class="box">
<img src="static/picture/6.jpg" alt="">
<div class="box-content">
<h3 class="title"><a href="portfolio-details.html">App Concept</a></h3>
<span class="port-cat">Product</span>
<a href="assets/img/portfolio/2.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-12 col-sm-12 col-xs-12 text-center">
<a class="btn-home-border" href="#">View More</a>
</div>
</div>
</div>
</section>


<section class="testimonial-area section-padding">
<div class="container">
<div class="section-title text-left wow zoomIn">
<span>People Opinions</span>
<h2>What Client Says</h2>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12 col-xs-12">
<div id="testimonial-slider" class="owl-carousel">
<div class="single_testimonial">
<div class="testi_img">
<i class="ti-quote-left"></i>
<img src="static/picture/1.jpg" class="img-fluid" alt="" />
</div>
<div class="test_content">
<p>Nice view, very profesional and easy to implement in my website</p>
<h3>Donald Grower</h3>
<span>Ceo</span>
</div>
</div>
<div class="single_testimonial">
<div class="testi_img">
<i class="ti-quote-left"></i>
<img src="static/picture/2.jpg" class="img-fluid" alt="" />
</div>
<div class="test_content">
<p>Excellent template and intuitive to configure. Perfect for a markting agency.</p>
<h3>Susan Sarandom</h3>
<span>Ceo</span>
</div>
</div>
<div class="single_testimonial">
<div class="testi_img">
<i class="ti-quote-left"></i>
<img src="static/picture/3.jpg" class="img-fluid" alt="" />
</div>
<div class="test_content">
<p>Nice view, very profesional and easy to implement in my website</p>
<h3>Brian Whiterspoon</h3>
<span>Ceo</span>
</div>
</div>
<div class="single_testimonial">
<div class="testi_img">
<i class="ti-quote-left"></i>
<img src="static/picture/1.jpg" class="img-fluid" alt="" />
</div>
<div class="test_content">
<p>Excellent template and intuitive to configure. Perfect for a markting agency</p>
<h3>Stefanie Highbrow</h3>
<span>Ceo</span>
</div>
</div>
<div class="single_testimonial">
<div class="testi_img">
<i class="ti-quote-left"></i>
<img src="static/picture/2.jpg" class="img-fluid" alt="" />
</div>
<div class="test_content">
<p>Nice view, very profesional and easy to implement in my website</p>
<h3>Susan Sarandom</h3>
<span>Ceo</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="pricing" class="our_pricing section-padding">
<div class="container">
<div class="section-title text-center wow zoomIn">
<span>Pricing</span>
<h2>Check out our pricing <br>plan</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="pricingTable">
<div class="pricingTable-title">
<h3 class="title">Standard</h3>
</div>
<ul class="pricing-content">
<li><i class="ti-check"></i> 15 website</li>
<li><i class="ti-check"></i> 15 Subdomains</li>
<li><i class="ti-check"></i> 20 Domains</li>
<li><i class="ti-check"></i> Unlimited Support</li>
<li><i class="ti-check"></i> <del>DNS Cluster Powered</del></li>
<li><i class="ti-check"></i> <del>SolusVM Control Panel Powered</del></li>
</ul>
<div class="pricingTable-value">
<h1 class="price-value">$30.00</h1>
<span class="price-month">Per Month</span>
</div>
<a href="#" class="btn-home-border">Get your plan</a>
 </div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
<div class="pricingTable">
<div class="pricingTable-title">
<h3 class="title">Business</h3>
</div>
<ul class="pricing-content">
<li><i class="ti-check"></i> 20 website</li>
<li><i class="ti-check"></i> 20 Subdomains</li>
<li><i class="ti-check"></i> 35 Domains</li>
<li><i class="ti-check"></i> Unlimited Support</li>
<li><i class="ti-check"></i> DNS Cluster Powered</li>
<li><i class="ti-check"></i> <del>SolusVM Control Panel Powered</del></li>
</ul>
<div class="pricingTable-value">
<h1 class="price-value">$60.00</h1>
<span class="price-month">Per Month</span>
</div>
<a href="#" class="btn-home-border">Get your plan</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="pricingTable">
<div class="pricingTable-title">
<h3 class="title">Premium</h3>
</div>
<ul class="pricing-content">
<li><i class="ti-check"></i> 25 website</li>
<li><i class="ti-check"></i> 30 Subdomains</li>
<li><i class="ti-check"></i> 45 Domains</li>
<li><i class="ti-check"></i> Unlimited Support</li>
<li><i class="ti-check"></i> DNS Cluster Powered</li>
<li><i class="ti-check"></i> SolusVM Control Panel Powered</li>
</ul>
<div class="pricingTable-value">
<h1 class="price-value">$90.00</h1>
<span class="price-month">Per Month</span>
</div>
<a href="#" class="btn-home-border">Get your plan</a>
</div>
</div>
</div>
</div>
</section>


<section id="team" class="team-area section-padding">
<div class="container">
<div class="section-title text-left wow zoomIn">
<span>The Experts</span>
<h2>We Have awesome <br />team member</h2>
</div>
<div class="row text-center">
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="our-team">
<div class="single-team">
<div class="team-img">
<img src="static/picture/1.jpg" class="img-fluid" alt="team image" />
<ul class="team-social">
<li><a href="#" class="ti-facebook facebook"></a></li>
<li><a href="#" class="ti-twitter twitter"></a></li>
<li><a href="#" class="ti-google google"></a></li>
<li><a href="#" class="ti-youtube youtube"></a></li>
</ul>
</div>
<p>#Manager</p>
<h3>Gary Hunt</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
<div class="our-team">
<div class="single-team">
<div class="team-img">
<img src="static/picture/2.jpg" class="img-fluid" alt="team image" />
<ul class="team-social">
<li><a href="#" class="ti-facebook facebook"></a></li>
<li><a href="#" class="ti-twitter twitter"></a></li>
<li><a href="#" class="ti-google google"></a></li>
<li><a href="#" class="ti-youtube youtube"></a></li>
</ul>
</div>
<p>#Developer</p>
<h3>Susan Sarandom</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="our-team">
<div class="single-team">
<div class="team-img">
<img src="static/picture/3.jpg" class="img-fluid" alt="team image" />
<ul class="team-social">
<li><a href="#" class="ti-facebook facebook"></a></li>
<li><a href="#" class="ti-twitter twitter"></a></li>
<li><a href="#" class="ti-google google"></a></li>
<li><a href="#" class="ti-youtube youtube"></a></li>
</ul>
</div>
<p>#logo Expert</p>
<h3>Dianna Williams</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
<div class="our-team">
<div class="single-team">
<div class="team-img">
<img src="static/picture/1.jpg" class="img-fluid" alt="team image" />
<ul class="team-social">
<li><a href="#" class="ti-facebook facebook"></a></li>
<li><a href="#" class="ti-twitter twitter"></a></li>
<li><a href="#" class="ti-google google"></a></li>
<li><a href="#" class="ti-youtube youtube"></a></li>
</ul>
</div>
<p>#Consultant Manager</p>
<h3>Larry Thomas</h3>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="blog" class="fresh-news section-padding">
<div class="container">
<div class="section-title text-center wow zoomIn">
<span>Latest News</span>
<h2>Check out the company <br /> latest News </h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<div class="single_blog">
<div class="blog_img">
<a href="blog.html"><img src="static/picture/1.jpg" class="img-fluid" alt="image" /></a>
</div>
<div class="blog_content">
<span class="blog_cat">
<a href="#">Design</a>
<a href="#">Marketing</a>
</span>
<h3><a href="blog.html">Team you want to work with mistake runners</a></h3>
<div class="blog-meta">
<span class="blog-author">
<img src="static/picture/author.jpg" alt="author icon" />
<a href="#">Masum Billah</a>
</span>
<span class="blog-date">Feb 5, 2021</span>
</div>
<a href="#" class="blog_btn"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
<div class="single_blog">
<div class="blog_img">
<a href="blog.html"><img src="static/picture/2.jpg" class="img-fluid" alt="image" /></a>
</div>
<div class="blog_content">
<span class="blog_cat">
<a href="#">Design</a>
<a href="#">Marketing</a>
</span>
<h3><a href="blog.html">An Adult Man Catching fish at evening</a></h3>
<div class="blog-meta">
<span class="blog-author">
<img src="static/picture/author.jpg" alt="author icon" />
<a href="#">Masum Billah</a>
</span>
<span class="blog-date">Feb 1, 2021</span>
</div>
<a href="#" class="blog_btn"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="single_blog">
<div class="blog_img">
<a href="blog.html"><img src="static/picture/3.jpg" class="img-fluid" alt="image" /></a>
</div>
<div class="blog_content">
<span class="blog_cat">
<a href="#">Design</a>
<a href="#">Marketing</a>
</span>
<h3><a href="blog.html">Photography of Man Doing A Skateboard Trick</a></h3>
<div class="blog-meta">
<span class="blog-author">
<img src="static/picture/author.jpg" alt="author icon" />
<a href="#">Masum Billah</a>
</span>
<span class="blog-date">Feb 13, 2021</span>
</div>
<a href="#" class="blog_btn"><i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>


<div class="partner-logo">
<div class="container">
<div class="row text-center">
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="single_logo single_logo_bm">
<a href="#"><img src="static/picture/1.png" alt="" class="img-fluid" /></a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="single_logo">
<a href="#"><img src="static/picture/2.png" alt="" class="img-fluid" /></a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="single_logo single_logo_bm">
<a href="#"><img src="static/picture/3.png" alt="" class="img-fluid" /></a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="single_logo">
<a href="#"><img src="static/picture/4.png" alt="" class="img-fluid" /></a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="single_logo">
<a href="#"><img src="static/picture/5.png" alt="" class="img-fluid" /></a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="single_logo">
<a href="#"><img src="static/picture/6.png" alt="" class="img-fluid" /></a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="single_logo">
<a href="#"><img src="static/picture/2.png" alt="" class="img-fluid" /></a>
</div>
</div>
</div>
</div>
</div>


<section id="contact" class="contact-us section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
<div class="section-title text-left wow zoomIn">
<span>Get A Qoute</span>
<h2>Project Discussion</h2>
</div>
<form class="contact-form" name="enq" method="post" action="contact.php" onsubmit="return validation();">
<div class="row">
<div class="form-group col-md-6">
<input type="text" name="name" class="form-control" placeholder="Name" required="required">
</div>
<div class="form-group col-md-6">
<input type="email" name="email" class="form-control" placeholder="Email" required="required">
</div>
<div class="form-group col-md-12">
<input type="text" name="subject" class="form-control" placeholder="Subject" required="required">
</div>
<div class="form-group col-md-12">
<textarea rows="6" name="message" class="form-control" placeholder="Your Message" required="required"></textarea>
</div>
<div class="col-md-12 text-left">
<button type="submit" value="Send message" name="submit" class="btn-home-border" title="Submit Your Message!">Send Message</button>
</div>
</div>
</form>
</div>
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="single-contact">
<i class="ti-location-pin"></i>
<div class="contact-content">
546 Huntz Lane Worcester,<br>
Massachusetts 01608 USA
</div>
</div>
<div class="single-contact">
<i class="ti-email"></i>
<div class="contact-content">
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="80e5ede1e9ecc0f9eff5f2f3e9f4e5aee3efed">[email&#160;protected]</a> <br>
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5f3a323e36331f26302a2d2c362b3a713c3032">[email&#160;protected]</a>
</div>
</div>
<div class="single-contact">
<i class="ti-link"></i>
<div class="contact-content">
<a href="#">http://example.com</a><br>
<a href="#">http://example.com</a>
</div>
</div>
</div>
</div>
</div>
</section>

<footer class="footer">
<div class="container">
<div class="row footer_br">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="single-footer">
<div class="footer_logo">
<a href="index.html"><img src="static/picture/logo.png" alt="logo"></a>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum posuere ante ut gravida pellentesque.
</p>
<div class="footer_social">
<ul>
<li><a href="#" class="ti-facebook f_facebook"></a></li>
<li><a href="#" class="ti-twitter f_twitter"></a></li>
<li><a href="#" class="ti-dribbble f_dribbble"></a></li>
<li><a href="#" class="ti-youtube f_youtube"></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="single-footer">
<h3 class="foot-title">Compnay</h3>
<div class="footer_menu">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">FAQS</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="single-footer">
<h3 class="foot-title">Resources</h3>
<div class="footer_menu">
<ul>
<li><a href="#">Help Center</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Partner</a></li>
<li><a href="#">Guides</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="single-footer">
<h3 class="foot-title">Newsletter</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</p>
<form id="mailchimp-form" class="mc4wp-form" method="post">
<div class="form-group">
<input name="EMAIL" class="form-control" id="mce-email" placeholder="Enter Email" type="email" required="">
<button type="submit" name="subscribe"><i class="fas fa-paper-plane"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 text-center wow zoomIn">
<div class="footer_content">
<p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
</div>
</div>
</div>
</div>
</footer>


<div id="style-switcher">
<h2>Color Palette<a href="#"><i class="fas fa-cog fa-spin"></i></a></h2>
<div>
<ul class="colors" id="color1">
<li><a href="#" class="style1"></a></li>
<li><a href="#" class="style2"></a></li>
<li><a href="#" class="style3"></a></li>
<li><a href="#" class="style4"></a></li>
<li><a href="#" class="style5"></a></li>
<li><a href="#" class="style6"></a></li>
</ul>
</div>
</div>


<script data-cfasync="false" src="static/js/email-decode.min.js"></script><script src="static/js/jquery-1.12.4.min.js"></script>

<script src="static/js/bootstrap.min.js"></script>

<script src="static/js/modernizr-2.8.3.min.js"></script>

<script src="static/js/jquery.nav.js"></script>

<script src="static/js/jquery.slicknav.js"></script>

<script src="static/js/jquery.stellar.min.js"></script>

<script src="static/js/jquery.inview.min.js"></script>

<script src="static/js/owl.carousel.min.js"></script>

<script src="static/js/jquery.mixitup.js"></script>

<script src="static/js/venobox.min.js"></script>

<script src="static/js/scrolltopcontrol.js"></script>

<script src="static/js/jquery.magnific-popup.min.js"></script>

<script src="static/js/jquery.appear.js"></script>

<script src="static/js/slick.js"></script>

<script src="static/js/wow.min.js"></script>

<script src="static/js/switcher.js"></script>

<script src="static/js/scripts.js"></script>
</body>
</html>